Tempered Petrol color palette — #EAF8FF · #78BCCE · #C48870 · #008097 · #614255

Cerulean and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Cyan (#78BCCE): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#C48870): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#008097): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#614255): A full-bodied, dusty pink — the color of neon signs at night.

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

• Washed Courtyard color palette (#E7F4FC, #87BCD1, #CA8981, #007E9E, #40273D)
• Patina Cypress color palette (#E4FAFC, #84BEA7, #BF83A6, #2B8468, #544564)
• Antique Petrol color palette (#EFF6FF, #97B0E2, #B29363, #5872A5, #37563A)
• Dusty Lagoon Bloom color palette (#EFF8EF, #94D1D2, #DCA379, #00A0A3, #674429)
• Tempered Thicket color palette (#EBF7FF, #5EA3BB, #AD7597, #7D7849, #2E4653)
• Cerulean Studio color palette (#EAF7FF, #D8DAE5, #C8BFE3, #6494A4, #3F4F5B)
• Soft Dune color palette (#EDF7FF, #28AEF3, #A35C00, #006390, #582F00)
• Denim Cabin color palette (#EFF6FF, #A6CBAD, #47607F, #2B3A4C, #23232C)

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