Quiet Cobalt color palette — #FDF1FA · #A7D7E9 · #008ABF · #006A42 · #243D72

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Powder Blue (#A7D7E9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008ABF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006A42): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#243D72): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Quarry color palette (#FFF1F6, #A6D5F6, #5A79D5, #006764, #45326D)
• Pale Cobalt Archive color palette (#FFF0FA, #6CC7DB, #0074B1, #005840, #1F2A6D)
• Weathered Cerulean color palette (#F7F1E7, #B3DBBE, #0090B5, #00635A, #00283E)
• Antique Drift color palette (#EEF8F0, #A9E7F2, #14ABD5, #008478, #004567)
• Weathered Dune color palette (#F2E3EF, #3D9FA7, #00516E, #003219, #001135)
• Worn Hollow color palette (#EAD9E0, #5B86A1, #13308C, #002220, #0D0025)
• Denim Field color palette (#EADAE0, #7EA4C1, #3D509D, #003E3E, #261044)
• Soft Mint color palette (#DAFFEE, #3ECC97, #007D57, #004738, #002E1B)

Browse the whole catalog at Explore, or see today's palette.