Cobalt Quarry color palette — #FBF2F8 · #9FCDE2 · #3C7FAC · #006346 · #293A59
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Sky (#9FCDE2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3C7FAC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006346): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#293A59): A deep, shadowed, dusty violet — the color of wild irises.
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
- Softworn Cypress Studio color palette (#FBF2F6, #C8E0F2, #738AB6, #00726A, #3E4567)
- Cerulean Summit color palette (#F6F1EA, #B1D0BB, #0088B1, #005C57, #00233A)
- Ancient Petrol color palette (#F7EBEF, #94B6D2, #4F65A3, #00504E, #32244F)
- Violet Archive color palette (#D4F6F9, #35A286, #985FA4, #006651, #46274D)
- Dusty Atelier color palette (#F6EAF2, #498B9E, #003F6B, #00231A, #05012B)
- Muted Bloom color palette (#CCFFEB, #5CBC9A, #00735A, #004034, #002A1D)
- Muted Denim color palette (#EBDDE4, #5DABC3, #00599A, #003F32, #17144E)
- Muted Meadow color palette (#D4FFFD, #ABE5FC, #88B3E5, #797533, #12434B)
Browse the whole catalog at Explore, or see today's palette.