Tempered Petrol color palette — #E2FDE9 · #83BDD2 · #4096BD · #276A9B · #614861
Peacock takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#E2FDE9): A whisper-light, dusty teal — the color of sea glass.
- Sky (#83BDD2): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#4096BD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#276A9B): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#614861): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Wandering Garden color palette (#E4FEE1, #77BFC3, #2F97B0, #006D8C, #2C5448)
- Faded Cabin color palette (#DDF2D4, #72CFD9, #2A94CB, #3B5686, #43293B)
- Hushed Cobalt color palette (#E9FAF4, #8ABCAB, #C18D56, #007AB4, #524C46)
- Aged Denim Boulevard color palette (#FFF0FF, #AABDEB, #7E83C7, #63569A, #623F4B)
- Cerulean Corridor color palette (#E6FAF4, #EAD6D1, #ABA697, #5F94AA, #5A4858)
- Antique Cabin color palette (#FFEFFF, #AFCEF2, #6085B5, #1E5089, #1A3859)
- Gentle Ultramarine color palette (#BDE8FF, #16A2EB, #006DC9, #2821D1, #35357F)
- Washed Olive color palette (#E4FBF4, #6C9DC9, #BA7180, #638329, #274A41)
Browse the whole catalog at Explore, or see today's palette.