Tempered Petrol color palette — #E7F1E8 · #75C0C5 · #00829B · #005B4C · #002332
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F1E8): a clean, paper-quiet neutral.
- Mint Leaf (#75C0C5): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B4C): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002332): 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
- Patina Cobalt Boulevard color palette (#DBE8DD, #7EBBD8, #007AC1, #005860, #001B4C)
- Muted Cerulean color palette (#FDF4E6, #75DFE7, #0088A2, #005345, #000F18)
- Periwinkle Study color palette (#C7E5F1, #9CC8E5, #839FF1, #007A73, #002D3D)
- Patina Denim color palette (#F8EBF6, #69ACAF, #00607E, #00411E, #001D47)
- Dusty Loft color palette (#C6EBF8, #00A9CC, #006E89, #003742, #000B10)
- Cornflower Station color palette (#ECF9EE, #98D3F6, #008FF4, #00707E, #132C70)
- Faded Pine Grove color palette (#F6E4DD, #57D5DD, #009FD2, #008246, #001C4A)
- Weathered Harbor color palette (#F0F8F1, #D0DDF1, #5BB1D5, #008D85, #244C69)
Browse the whole catalog at Explore, or see today's palette.