Tempered Petrol color palette — #E6F5F4 · #78AA88 · #4D74A0 · #673C52 · #102F1A
Built around Slate, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6F5F4): a clean, paper-quiet neutral.
- Jade (#78AA88): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#4D74A0): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#673C52): A full-bodied, dusty rose — the color of strawberry cream.
- Deep Forest (#102F1A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Antique Basin color palette (#E9F5F2, #83A971, #3A7B92, #5A3E6C, #401B0F)
- Ancient Mulberry color palette (#F9F5EC, #A6976A, #237E88, #7E3A4F, #46423B)
- Wandering Oat Alley color palette (#DAF9F7, #AFD0D7, #7D939E, #6F677C, #443745)
- Aged Thicket color palette (#E3F5FF, #409AB4, #76548B, #6D2904, #0F2501)
- Washed Balcony color palette (#DCF3F4, #419478, #274046, #0F2223, #060E0D)
- Softworn Archive color palette (#F4F7EC, #8EBF9D, #6691B5, #8E5082, #603800)
- Misty Ultramarine color palette (#DDF8FB, #009880, #364BC0, #6C0031, #1D1800)
- Dusty Lagoon color palette (#BEF1F4, #87CEC1, #349D9C, #00626C, #1B3B4B)
Browse the whole catalog at Explore, or see today's palette.