Quiet Cobalt color palette — #FBF4EA · #9FD8EC · #0089C1 · #006667 · #074173
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Powder Blue (#9FD8EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0089C1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#006667): A full-bodied, dusty teal — the color of sea glass.
- Navy (#074173): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Dusty Bloom color palette (#F9F4ED, #BAD8B9, #00909F, #00694F, #00475A)
- Cobalt Ridge color palette (#FFF4E2, #78C3E3, #0074B1, #00555A, #00306C)
- Frosted Corridor color palette (#FDEFE7, #A1DAEE, #1786E0, #006451, #1E2047)
- Misty Thicket color palette (#FFF0F9, #A1E7FE, #2FA1FD, #00856B, #363B67)
- Misty Sky Terrace color palette (#EEF8F0, #BBEEFF, #53C2FF, #10A5A6, #1A4269)
- Hushed Denim Lagoon color palette (#F2ECE2, #5A9AAB, #00516E, #00302E, #001528)
- Washed Petrol color palette (#F8F5EF, #CCE4E5, #7E9CC0, #067C8F, #604B5C)
- Hushed Navy Ridge color palette (#E7DFD4, #5E84AA, #163580, #00212B, #07002B)
Browse the whole catalog at Explore, or see today's palette.