Tempered Petrol Basin color palette — #EFF6FF · #F1D3EA · #DD95A5 · #07818B · #374361

Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#F1D3EA): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#DD95A5): A luminous, balanced red — the color of embers at dusk.
• Teal (#07818B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#374361): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Petrol Basin 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 Cypress Pier color palette (#E9F8FF, #D5D9F5, #BE9ED1, #368060, #26455D)
• Petrol Drift color palette (#F3F4FF, #ECD6FD, #D7A688, #4D72A0, #3F354E)
• Tempered Chapel color palette (#FFEBF9, #E9CFEE, #D199D0, #3273A5, #361C2D)
• Worn Ash Quarry color palette (#F4F4FF, #E9D7DF, #E2BAB7, #7F91B2, #4F495B)
• Tangerine Ridge color palette (#F7F3FF, #FBAADC, #F57439, #005FAF, #4E2A57)
• Raspberry Bloom color palette (#D9E2F1, #C5A1D8, #C06177, #004F68, #29183E)
• Taupe Loft color palette (#F2E8FF, #FFB5AD, #B09B44, #654A87, #542730)
• Ancient Chestnut Delta color palette (#F8E0ED, #81A082, #895538, #663137, #17382A)

Browse the whole catalog at Explore, or see today's palette.