Tempered Petrol color palette — #EBF9F2 · #83B9D1 · #C58967 · #007EA4 · #524C47

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

The five colors

• Ivory (#EBF9F2): a clean, paper-quiet neutral.
• Ash (#83B9D1): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#C58967): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#007EA4): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#524C47): quiet, heavy and certain.

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

Use it as a design system

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

• Coral Basin color palette (#E6F6F1, #87BAE1, #DD7E6B, #2778AD, #362F2C)
• Cypress Studio color palette (#F0F8ED, #80BEB1, #C68194, #008575, #693E4A)
• Cobalt Station color palette (#FDF1F9, #C9A2BD, #AE9654, #616BB4, #504D46)
• Muted Cerulean Garden color palette (#E7FAF2, #EDD6D3, #B2A795, #4C919F, #39524B)
• Timeworn Marigold Chapel color palette (#E8F8FF, #88D2DD, #DBA662, #2D9DAA, #3D543C)
• Olive Thicket color palette (#E5FBF2, #6C9FBD, #B96F8C, #747D31, #2A4A3E)
• Gentle Denim Thicket color palette (#D7FFF5, #4E98E0, #A77300, #005EA4, #503400)
• Tempered Bloom color palette (#FAF3F8, #D3BD9A, #505C83, #4B2C45, #302124)

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