Patina Petrol Quarry color palette — #F1F3EC · #C5E1E1 · #6DA4C4 · #04788A · #1D3D34

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C5E1E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6DA4C4): A luminous, dusty blue — the color of open sky before noon.
• Teal (#04788A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#1D3D34): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Denim Coast color palette (#E5E7DB, #7EA791, #006181, #00383F, #000C17)
• Azure Meadow color palette (#FAF3F6, #D7DFF0, #709ECA, #3B7B77, #475368)
• Dusty Cypress Garden color palette (#ECF5E8, #A4BC96, #8B99CE, #008570, #262E51)
• Lagoon Thicket color palette (#ECF5E9, #C5E1DA, #C1C2CD, #56907D, #324231)
• Tempered Orchard color palette (#F3F3E3, #69CECD, #008189, #005348, #001E24)
• Softworn Navy color palette (#EAEFE2, #648FB2, #004989, #00293A, #000315)
• Olive Study color palette (#EBF6E4, #6AAB98, #5295C1, #7F7C2A, #202C16)
• Tempered Terrace color palette (#EBF2D3, #96C9AA, #489C7A, #006751, #293D1F)

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