Petrol Coast color palette — #EAF3FD · #ACCDB3 · #456486 · #243242 · #0F141B

Peacock and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF3FD): bright and airy, almost weightless.
• Pistachio (#ACCDB3): A luminous, dusty teal — the color of sea glass.
• Peacock (#456486): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#243242): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0F141B): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Denim Villa color palette (#FBF2FA, #D9BA9B, #495F80, #462F46, #2D2225)
• Weathered Denim Basin color palette (#F1F0FA, #CAB078, #684573, #341D3B, #0C0A17)
• Worn Workshop color palette (#EFF6FF, #E1D5CD, #6F88A8, #35475F, #151C25)
• Aged Driftwood color palette (#EEF2F9, #AEC3F1, #A66F8E, #5B70A1, #191220)
• Aged Archive color palette (#EFF2F9, #D9D5DB, #BBABAF, #807DA6, #33363F)
• Dusty Ash Thicket color palette (#E7F7EA, #AEA2D9, #95678B, #585423, #2A293E)
• Pale Workshop color palette (#EBF2FF, #D09F23, #374098, #15194B, #01061B)
• Patina Boulevard color palette (#E9F3FF, #7696C7, #A47663, #5F6329, #172333)

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