Muted Cobalt color palette — #FBEBE1 · #7ED2ED · #318BD8 · #006E58 · #262A4D
A conversation between Azure and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#FBEBE1): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#7ED2ED): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#318BD8): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006E58): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#262A4D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Muted Cobalt into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Dusty Periwinkle Meadow color palette (#FDF3EC, #9EDFFE, #6896DC, #0F7D70, #502E42)
- Wandering Azure color palette (#FDF1F8, #C8EBFF, #2A9AE2, #006B62, #091A46)
- Indigo Villa color palette (#EBDCCD, #6FBAEE, #4D6AD5, #005958, #24153D)
- Worn Petrol Grove color palette (#E4F2F0, #8EB8D0, #007297, #004E57, #00324B)
- Turquoise Villa color palette (#EEF0E3, #B4DFC6, #45B2DD, #008F9C, #00324A)
- Tempered Turquoise color palette (#FFF2EE, #CEEFCD, #62B1CC, #5B875E, #553F58)
- Misty Turquoise color palette (#FCE3D9, #00B7C4, #006F98, #004D2C, #000E3B)
- Hushed Peony Balcony color palette (#F7E3E3, #D836B4, #008D84, #006E84, #351216)
Browse the whole catalog at Explore, or see today's palette.