Patina Petrol Coast color palette — #D1F9EC · #90B7E0 · #678EC4 · #4463A6 · #65485E

A conversation between Slate and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D1F9EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#90B7E0): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#678EC4): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4463A6): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#65485E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

Use it as a design system

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

• Periwinkle Hollow color palette (#EAF7FF, #8BCAF2, #6E99E6, #6F73A9, #494E67)
• Dusty Denim Meadow color palette (#FFEEF9, #A9A7D9, #8B7FBE, #6E5498, #6A4251)
• Dusty Station color palette (#DFFFE8, #8AC8DB, #378DB0, #0C6E99, #315A4E)
• Ancient Cobalt Bloom color palette (#FBF2FB, #97B2D8, #67A988, #4373B5, #2A5842)
• Hushed Lagoon Delta color palette (#FDF0FF, #769BC4, #9E7AAA, #00897E, #4B3C4D)
• Aubergine Lantern color palette (#DFDEEE, #9B88D7, #8152B4, #66248A, #4F2F59)
• Pale Grape color palette (#D0DFFF, #8D9CFF, #654DE8, #550AC4, #462D76)
• Ancient Grape Balcony color palette (#DBDFEE, #8581E0, #6233BE, #510098, #3C1558)

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