Patina Quarry color palette — #F8F0EB · #9CD0E6 · #497EBD · #005D4F · #321528

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Sky (#9CD0E6): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#497EBD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#321528): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Patina 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

• Cobalt Alley color palette (#FFEEE6, #6FCBDC, #007AB1, #005439, #071247)
• Hazy Indigo Balcony color palette (#FCF0E4, #A7D6F9, #5373FD, #006261, #2B174B)
• Iris Orchard color palette (#F7F1EA, #C5E4DB, #7C89C7, #026C6F, #3D232D)
• Cobalt Workshop color palette (#FAF4EB, #96CEE6, #3D7FAB, #005F64, #243B5A)
• Dusty Veranda color palette (#D7F0E5, #219DD1, #C55500, #005D7F, #331000)
• Quiet Teal color palette (#CEEEE2, #00A6A7, #007692, #00426D, #161E40)
• Hushed Station color palette (#F1F7F2, #DADFEB, #45B0F4, #007E84, #1B2F48)
• Bronze Meadow color palette (#D2ECDB, #008BA1, #8E6700, #575C0B, #001A0B)

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