Tempered Petrol color palette — #EBF8F7 · #D8DDE9 · #71AFD2 · #007C8F · #06314D
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Silver (#D8DDE9): a clean, paper-quiet neutral.
- Cyan (#71AFD2): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#06314D): 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
- Ancient Aqua color palette (#E1F3EF, #66C9CE, #007582, #003E39, #000305)
- Aged Cerulean color palette (#EEF7F7, #DBDCE7, #9BBDEC, #3E8BB3, #2E405A)
- Denim Garden color palette (#DCEAE8, #77AAC5, #005A88, #002A34, #000104)
- Teal Orchard color palette (#ECF8F5, #ABF5F4, #00A5AF, #006B5E, #002329)
- Blush Courtyard color palette (#F2F4FF, #AC95EB, #D86F90, #008AB5, #151833)
- Softworn Cobalt Pier color palette (#E4FAF9, #98D4FB, #1480C7, #004E63, #000C21)
- Patina Ash color palette (#F3F4FF, #DED7E0, #C4B19D, #9791C4, #2F2C49)
- Powdered Iris color palette (#F1F5FF, #B0BAFF, #857FE6, #6154A0, #33224F)
Browse the whole catalog at Explore, or see today's palette.