Petrol Terrace color palette — #FFF3E5 · #54AA93 · #3D6D9C · #6B4400 · #28452D

Slate and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Turquoise (#54AA93): A luminous, balanced teal — the color of glacier melt.
• Slate (#3D6D9C): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
• Forest (#28452D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

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

• Dusty Cobalt Basin color palette (#F9F5E8, #6FB5BC, #6D71A8, #5E5D1F, #354E44)
• Aged Basin color palette (#FFF2EE, #86A270, #007885, #7B3339, #3C3E37)
• Wandering Basalt color palette (#FAF4EB, #B5B092, #4F805F, #2B626F, #4C4300)
• Hushed Ridge color palette (#E3F9E7, #24AEC4, #2A6EAF, #732C2E, #102532)
• Airy Harbor color palette (#FFF4E2, #50C3D7, #4D8ACA, #944A4A, #294437)
• Nightshade Courtyard color palette (#F5E4AF, #008F92, #3637C2, #453700, #002E3D)
• Softworn Workshop color palette (#E9F3DD, #488EB7, #6F4785, #004D35, #202F51)
• Hushed Pine color palette (#FBF3F1, #CEE3D2, #5393B5, #007547, #573E55)

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