Tempered Petrol color palette — #F6EDDE · #83C1D6 · #00709C · #003E3E · #000309

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

The five colors

• Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#83C1D6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Teal Workshop color palette (#E8DFD1, #62B2AF, #00606B, #002D20, #000102)
• Timeworn Cobalt Courtyard color palette (#FCF4E8, #A4D3F1, #3D7DC1, #00505C, #020333)
• Hushed Denim Courtyard color palette (#E5F1E8, #559AAF, #005071, #003030, #00142B)
• Gentle Cornflower color palette (#ECDCD4, #7EBACF, #0385E6, #006F5B, #100045)
• Washed Orchard color palette (#E1F6D3, #83D4D0, #48ABD2, #05672A, #000504)
• Plum Drift color palette (#E0EFCE, #009569, #AB1B90, #004831, #040002)
• Sky Basin color palette (#FAF4EC, #BFE4F4, #63AEE3, #007E84, #122E53)
• Muted Lagoon color palette (#E3F2DA, #189C20, #005E38, #003224, #000202)

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