Tempered Petrol color palette — #FFEEE6 · #6BCDD6 · #007DA0 · #00543E · #001B33

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

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Aqua (#6BCDD6): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00543E): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Hushed Aqua Dune color palette (#F5F7E4, #4ACCD7, #007C8D, #005652, #003947)
• Cobalt Hollow color palette (#FBEFE7, #8CC4E2, #1E70CE, #005153, #12094D)
• Denim Courtyard color palette (#EEE4E0, #67A8B4, #006084, #003B2F, #000A1E)
• Lilac Quarry color palette (#D9FCE2, #A2D6FF, #A093FF, #00725C, #00212F)
• Airy Cerulean Market color palette (#FEF0FB, #78DDE6, #009BC3, #007557, #00355B)
• Hazy Crimson color palette (#D0EDDA, #0097AD, #D30040, #005664, #310008)
• Navy Basin color palette (#F3E5DC, #498197, #003D6A, #001F1E, #00000C)
• Washed Cypress Harbor color palette (#F7F0ED, #C9E3E0, #77A896, #277A6C, #442C44)

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