Tempered Petrol color palette — #FBF0E0 · #82C9D3 · #007E9D · #00524A · #001D2D

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

The five colors

• Cream (#FBF0E0): A whisper-light, dusty gold — the color of old brass.
• Sky (#82C9D3): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00524A): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cobalt Study color palette (#F8F1E6, #87C4E9, #0073CB, #00505B, #030657)
• Hazy Garden color palette (#FFF0FC, #49CCDD, #0076A7, #005938, #162E69)
• Antique Denim color palette (#F0E8DC, #64A8B8, #006180, #003A37, #000C19)
• Weathered Cerulean color palette (#ECF9EE, #66DFF0, #009BC1, #007368, #003753)
• Weathered Navy Boulevard color palette (#EEE7DC, #4A809A, #003E66, #001F22, #000106)
• Chalky Cabin color palette (#FFF2EC, #D5DEF8, #00A5EA, #00764E, #071A60)
• Raspberry Field color palette (#ECD8E5, #C00F9D, #746500, #005C6F, #200018)
• Misty Thicket color palette (#FFE2E5, #CF69C3, #008645, #6E0067, #001C0A)

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