Cobalt Quarry color palette — #FEF1F8 · #A4CBE3 · #3B7DB3 · #00605A · #2B395F

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Sky (#A4CBE3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3B7DB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#2B395F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt Quarry 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

• Tempered Cerulean Summit color palette (#F1F3E9, #B3CFC0, #3E85A7, #005A66, #002339)
• Worn Cobalt color palette (#FCF2F5, #CCDFF1, #7388C1, #006F7D, #3E4665)
• Worn Abyss Courtyard color palette (#F6EBF2, #79C0BD, #007588, #00532E, #003249)
• Teal Chapel color palette (#D6E8E5, #00B1B7, #007B9C, #005178, #352F5E)
• Dusty Cypress Veranda color palette (#EBF7FF, #DFD6F5, #C2A6D2, #297D7E, #30475C)
• Weathered Navy color palette (#F2E5EB, #4F89A4, #003D72, #002222, #04002D)
• Dusty Basin color palette (#DFF2FF, #2999C9, #B55C37, #005F81, #592209)
• Ancient Bronze Grove color palette (#CDE9FF, #1782B9, #A45319, #834B00, #0B2E46)

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