Petrol Terrace color palette — #EFF6FF · #FBD37E · #4768AF · #192C56 · #00061B

Built around Slate, softened by Honey — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Honey (#FBD37E): A whisper-light, balanced gold — the color of old brass.
• Slate (#4768AF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#192C56): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#00061B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Creativity, Calm, Balance. Tagged luxury, dark, cool.

Use it as a design system

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

• Straw Garden color palette (#EAF8FF, #FCD37A, #00788D, #00353F, #00090F)
• Weathered Sand color palette (#F4F4FF, #FEE2A9, #816C94, #353455, #0E0E1B)
• Denim Bloom color palette (#EFF6FF, #F3C872, #668BDB, #3657A4, #091A34)
• Worn Basin color palette (#F0F5FF, #DCB561, #3E4796, #0F0D44, #000009)
• Nightshade Balcony color palette (#FFF0FD, #C59B36, #0733B4, #0B2157, #261324)
• Mulberry Dune color palette (#F6F3FF, #F3B913, #8B2087, #370035, #020007)
• Quiet Aubergine color palette (#EAEDFF, #C69B33, #46227B, #0C001F, #010007)
• Chalky Indigo color palette (#F1F5FF, #CFD5FF, #E65497, #6662FF, #12021B)

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