Petrol Terrace color palette — #F8F6E5 · #C8E8BF · #6FB390 · #237CA3 · #3F4039

Cerulean and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#C8E8BF): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#6FB390): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#237CA3): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3F4039): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, 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

• Softworn Cypress color palette (#FCF4E5, #EDDCAE, #A3A76B, #2E8277, #423F38)
• Dusty Cobalt Alley color palette (#F5F7E8, #A7ECE4, #5CB1BD, #676CAA, #334533)
• Patina Parlor color palette (#F7F8DC, #57CEB7, #008F96, #394897, #002825)
• Mint Loft color palette (#FFF3E9, #D4D49E, #65C49E, #A47D9F, #4E4A00)
• Driftwood Loft color palette (#EFF9E7, #C6E5DA, #B0C9B4, #9B7D95, #5A4751)
• Sunlit Basin color palette (#EEF2D2, #009E9A, #005F6F, #2B0079, #000505)
• Wandering Navy color palette (#FAF8D1, #2BBC8F, #007B75, #00388C, #001711)
• Onyx Harbor color palette (#E4EAD8, #00849E, #00476D, #2C003F, #000102)

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