Tempered Petrol Drift color palette — #ECF3F7 · #D1D7EC · #A4C3E0 · #007794 · #1A272F
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Silver (#D1D7EC): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#A4C3E0): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#1A272F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Petrol Drift 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 Denim Drift color palette (#E3EAEF, #BECDDC, #8FA6C1, #005C81, #081822)
- Petrol Station color palette (#EFF8F2, #C1E4E7, #CDB3C7, #00778A, #35443A)
- Charred Balcony color palette (#D2E4F6, #006FB7, #102753, #001124, #000409)
- Wandering Archive color palette (#F0F1F8, #DBD5DD, #C1ABB3, #7C7FA4, #34353D)
- Washed Nightshade Field color palette (#EFF1FB, #CFD2E8, #B8A1C9, #5B46AA, #15192A)
- Gentle Cornflower color palette (#E7F4FF, #96E4FF, #54B9FF, #3C78E9, #001A34)
- Washed Cypress color palette (#E2F7F4, #70BA8E, #007E5D, #005951, #002814)
- Washed Navy Chapel color palette (#DCE0EB, #999FB3, #757998, #29267B, #02040C)
Browse the whole catalog at Explore, or see today's palette.