Tempered Petrol Hollow color palette — #FFF2EB · #D68771 · #4AA191 · #0F76AE · #38312D

Built around Cerulean, softened by Coral Clay — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Coral Clay (#D68771): A luminous, balanced orange — the color of toasted spice.
• Fern (#4AA191): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0F76AE): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#38312D): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Petrol Hollow 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 color palette (#FFF3E6, #C89256, #489BB7, #5D67B0, #37322C)
• Washed Grove color palette (#FFF0FA, #FF8F70, #51B0AB, #4877A1, #2E1F29)
• Softworn Moss color palette (#FFF1F1, #C987A8, #729D62, #007F81, #482929)
• Denim Chapel color palette (#FEF4E6, #C29E67, #00967B, #4356A6, #592331)
• Moss Delta color palette (#FFF4E2, #D0A97C, #898C35, #236996, #403D36)
• Gentle Canyon color palette (#FADFC9, #C86C04, #008797, #332FDC, #331700)
• Timeworn Grape Courtyard color palette (#FFF4DF, #C8A32A, #007DB5, #8426D3, #362A00)
• Gentle Mulberry color palette (#F4EFDA, #909642, #5A7CCE, #7F4293, #2F2600)

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