Tempered Petrol color palette — #D4FFFD · #8CC5B5 · #3E918F · #006B7B · #00536F
Peacock and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D4FFFD): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#8CC5B5): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#3E918F): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#006B7B): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00536F): A full-bodied, balanced blue — the color of deep harbor water.
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
- Antique Thicket color palette (#EBFAED, #82B4A0, #2D8590, #7B426C, #304D52)
- Timeworn Quarry color palette (#DBFFEE, #B5C79B, #638C5D, #006A4A, #004E59)
- Powdered Bloom color palette (#E6F9FF, #8AC2D6, #578EB2, #335D9A, #393C81)
- Tempered Atelier color palette (#EFF7F7, #D4DBE0, #B0AAB4, #549172, #495555)
- Teal Atelier color palette (#96FFE9, #00B7B8, #007D94, #004D6E, #2B2960)
- Teal Lantern color palette (#FFF6CE, #B1DFB4, #32AFAB, #19799C, #294574)
- Navy Atelier color palette (#D6F7F4, #04A3B3, #00627F, #003960, #000C67)
- Timeworn Azure color palette (#E6F9FD, #C5FAD1, #8AE4D6, #00A4D6, #204D5A)
Browse the whole catalog at Explore, or see today's palette.