Patina Petrol Canyon color palette — #F1F7F2 · #CDDFEE · #688DBA · #006E80 · #3A4669

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#CDDFEE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#688DBA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006E80): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3A4669): 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 Patina Petrol Canyon 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 Cobalt Courtyard color palette (#EEF8F0, #A0D6F6, #2583D2, #006571, #283E6C)
• Worn Cypress Bloom color palette (#F1F7F2, #BFE4ED, #4D97A0, #007454, #194F5F)
• Denim Market color palette (#E8F2EA, #79A6B8, #006179, #003F37, #002235)
• Sunlit Bronze color palette (#F4F4FF, #9E74BC, #A96C0A, #007974, #363452)
• Timeworn Boulevard color palette (#F4F4FF, #E1D7E0, #F0B0B9, #7774AB, #4C485D)
• Antique Courtyard color palette (#DEEAE0, #4E8A9F, #004161, #002223, #00091A)
• Worn Terrace color palette (#F9F4EF, #BDE9EC, #84A3EA, #2A8B86, #593F4B)
• Muted Petrol Meadow color palette (#EEF8F0, #85C4C8, #007B91, #005748, #00384E)

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