Software & SaaS
Miro Color Codes
Miro's colors are yellow #FFDD33 and dark blue #050038. The Miro color codes in Hex, RGB and CMYK can be found below. Andrey Khusid founded it as RealtimeBoard, and it took the name Miro on 6 March 2019 after Joan Miro, the Catalan painter. The yellow is the board, and the dark blue is everything drawn on it.
Primary colors
What are Miro Primary Colors?
Miro's primary color is yellow #FFDD33, with dark blue #050038 carrying the wordmark and the interface.
Miro publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Miro Yellow
| Hex | #FFDD33 |
|---|---|
| RGB | 255, 221, 51 |
| HSL | hsl(50, 100%, 60%) |
| CMYK | 0%, 13%, 80%, 0%converted · approximate |
| Pantone | PMS 109 Cnearest match · not published by the brand |
Miro Dark Blue
| Hex | #050038 |
|---|---|
| RGB | 5, 0, 56 |
| HSL | hsl(245, 100%, 11%) |
| CMYK | 91%, 100%, 0%, 78%converted · approximate |
| Pantone | PMS 2757 Cnearest match · not published by the brand |
Miro Hex Color Codes
Miro hex color codes are #FFDD33 for yellow and #050038 for dark blue.
| Color | Hex |
|---|---|
| Yellow | #FFDD33 |
| Dark Blue | #050038 |
Miro RGB Color Codes
Miro RGB color codes are 255, 221, 51 for yellow and 5, 0, 56 for dark blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Yellow | rgb(255, 221, 51) |
| Dark Blue | rgb(5, 0, 56) |
Miro HSL Color Codes
Miro HSL color codes are 50, 100%, 60% for yellow and 245, 100%, 11% for dark blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Yellow | hsl(50, 100%, 60%) |
| Dark Blue | hsl(245, 100%, 11%) |
Miro CMYK Color Code
Miro CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Yellow | 0%, 13%, 80%, 0% |
| Dark Blue | 91%, 100%, 0%, 78% |
Miro Pantone Color Codes
Miro Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Yellow | PMS 109 C |
| Dark Blue | PMS 2757 C |
Logo
Miro Logo Colors
Miro logo colors are dark blue letters, usually set on the brand yellow.
Miro Logo Colors Palette
What the Miro Logo Colors Mean?
The Miro logo colors come from a painter. The company renamed itself in 2019 after Joan Miro, whose canvases are built from flat primary blocks on plain grounds, and the yellow-plus-dark-blue pairing is a direct lift from that palette. Yellow is also the color of a sticky note, which is the atom of the product. One warning if you are matching: the yellow measures 1.2:1 against white and cannot hold text at any size, which is why every Miro layout puts the dark blue on top of it rather than the other way round.
Miro Logo Color History
Miro logo color history starts at the rename. RealtimeBoard used a blue identity that said whiteboard software and little else. The 2019 change to Miro brought the yellow with it, and the dark blue #050038 stayed on as the type color rather than the brand color.
Miro Logo JPG
Miro logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Miro Logo PNG
Miro logo in PNG, with a transparent background. Use it over a colored surface.
Miro Logo WebP
Miro logo in WebP. Same transparency as the PNG at about a third of the file size.
Miro Color Code Shades
Miro color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Miro paint or trim names.
In code
Using the Miro palette
CSS custom properties
:root {
--miro-yellow: #FFDD33;
--miro-dark-blue: #050038;
}Contrast against white
| Yellow | 1.34:1AA × |
|---|---|
| Dark Blue | 19.75:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.