Quiet Cobalt color palette — #D1E6E4 · #62A9D4 · #007AC0 · #005A71 · #00091A
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D1E6E4): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#62A9D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007AC0): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#00091A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cornflower Ridge color palette (#CFE7E6, #7EB7E3, #0084E8, #006889, #001135)
- Tempered Lagoon color palette (#D4E9E4, #6EAEAC, #00848C, #005E52, #000C0F)
- Misty Ultramarine color palette (#EDDDE4, #5A9BC1, #0653B2, #003B3E, #070226)
- Tempered Olive Lagoon color palette (#D2F6EB, #6C8B00, #007D9B, #485E00, #00070B)
- Patina Navy Delta color palette (#F2DEE6, #4280A1, #012F8F, #001F1D, #020009)
- Wandering Turquoise Lantern color palette (#E1F3EF, #9DE1E3, #00BAC9, #009285, #00343E)
- Muted Olive color palette (#CDE8E1, #4B8000, #007578, #7E4B00, #010200)
- Feathered Azure Boulevard color palette (#EAF9F8, #D6DAF8, #84B9FF, #009DD7, #2C3E66)
Browse the whole catalog at Explore, or see today's palette.