Tempered Petrol Garden color palette — #EBF9F2 · #6BBCDC · #CD8461 · #007EA1 · #524B47

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

The five colors

• Ivory (#EBF9F2): a clean, paper-quiet neutral.
• Cyan (#6BBCDC): A luminous, balanced blue — the color of deep harbor water.
• Coral Clay (#CD8461): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#007EA1): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#524B47): a grounded near-black with real depth.

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

Use it as a design system

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

• Timeworn Summit color palette (#F1F8E9, #82BFA3, #D77B6E, #2D8463, #534B48)
• Cobalt Archive color palette (#FEF1F9, #A3AAE9, #B7934A, #656AB2, #514C46)
• Worn Amber color palette (#E4FCEE, #56A4BB, #C66D59, #8E7234, #33483C)
• Aged Sky color palette (#E4F5FF, #62C1E5, #8FA66F, #337B96, #173830)
• Washed Aqua Workshop color palette (#E7FBF0, #77D3F1, #A3BC7A, #5896AC, #4E4D46)
• Worn Azure Terrace color palette (#E0FDF4, #1599F6, #B06E00, #005F9F, #543200)
• Aged Corridor color palette (#E7FBF1, #ECD7D3, #A8A198, #7E9C7C, #405750)
• Worn Turquoise color palette (#EBF7FF, #A3DFF9, #F3B79D, #6BB3D1, #624155)

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