Tempered Petrol color palette — #F5E5DE · #67C4CD · #007697 · #004D39 · #00172D
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F5E5DE): a clean, paper-quiet neutral.
- Aqua (#67C4CD): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Timeworn Quarry color palette (#F5EBF3, #79BFC6, #00719A, #00532F, #162C54)
- Worn Garden color palette (#F2E7DB, #80B9EB, #4664BD, #004A53, #160C36)
- Tempered Cerulean Field color palette (#FAEFE9, #9AD2E0, #3D84AD, #005D50, #2F152F)
- Denim Dune color palette (#F8EBE2, #60A7C4, #005B99, #003A37, #03042B)
- Muted Cerulean Boulevard color palette (#EBF9F6, #A4F5FF, #12A3BB, #006A67, #00232D)
- Dusty Cerulean color palette (#F9EBE2, #2F849D, #003F64, #00201C, #00000D)
- Aged Ash color palette (#F8F0EC, #BFEFE9, #74A3BD, #5E7250, #3E313F)
- Linen Magenta color palette (#F1DEED, #C82BB7, #005E1E, #005150, #1C0105)
Browse the whole catalog at Explore, or see today's palette.