Tempered Petrol color palette — #E3FDEE · #ABE0F4 · #55A9BD · #007289 · #004052
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E3FDEE): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#ABE0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#55A9BD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007289): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004052): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, 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
- Aqua Garden color palette (#EAF8FF, #D1DCE8, #6DC6DC, #387684, #0D2F3F)
- Cypress Canyon color palette (#EDFAE1, #B0E8D8, #67B097, #117E5E, #053E2F)
- Dusty Cerulean Courtyard color palette (#EAF8FF, #93D3E8, #018CAB, #005567, #12394A)
- Petrol Loft color palette (#FFF0FE, #C1D6FF, #879AD2, #4E68A9, #2B365B)
- Teal Cabin color palette (#EEF8F0, #C9E5E8, #FBCFE5, #6BB298, #3E554C)
- Tempered Cerulean color palette (#DFF2FD, #0083A7, #004C65, #00202E, #000204)
- Softworn Cobalt color palette (#D1E8FF, #6BB4F6, #007AC9, #003F86, #00152D)
- Ancient Denim color palette (#ECF8F5, #E8CBB1, #58897D, #31506F, #1C302B)
Browse the whole catalog at Explore, or see today's palette.