Quiet Cobalt color palette — #F4E6EE · #6CBDD6 · #0087E0 · #006F59 · #0D073D
A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E6EE): bright and airy, almost weightless.
- Cyan (#6CBDD6): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0087E0): A luminous, vivid blue — the color of a favorite pair of jeans.
- Pine (#006F59): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#0D073D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet 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
- Cornflower Meadow color palette (#EEDFE4, #87C9F0, #568CFF, #007E76, #221247)
- Feathered Lagoon color palette (#F0E6F1, #55C4C1, #0091B3, #007320, #00142B)
- Petrol Courtyard color palette (#EDE4D6, #48B0CF, #006E9C, #004A4B, #00142B)
- Dusty Periwinkle color palette (#F6EAF2, #94E1F2, #2FAEFC, #00956D, #1E2957)
- Blush Lantern color palette (#E6EDFB, #E0A5E4, #FC7A82, #0084AE, #1A0C2E)
- Tempered Denim Harbor color palette (#E9DBD2, #5794A7, #004E78, #002C27, #00011C)
- Timeworn Lantern color palette (#EBEBF9, #8D79FF, #3E8B4F, #5B6800, #080023)
- Powder Veranda color palette (#F2F7F1, #D9DCF3, #ABB8FF, #46A9AE, #44455E)
Browse the whole catalog at Explore, or see today's palette.