Tempered Petrol color palette — #DCE3E8 · #A49EB3 · #98809D · #006A9D · #000A16
A conversation between Peacock and Heather, giving this palette its sense of trust and stability.
The five colors
- Silver (#DCE3E8): a clean, paper-quiet neutral.
- Blue Fog (#A49EB3): A luminous, dusty violet — the color of twilight just after sunset.
- Heather (#98809D): A luminous, dusty pink — the color of a candy shop window.
- Peacock (#006A9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Hushed Archive color palette (#DCE7E4, #B19EAD, #9D7A8D, #00477B, #000C09)
- Onyx Terrace color palette (#E3F1ED, #998794, #7A646C, #002C4B, #000201)
- Antique Canyon color palette (#E3E3EB, #BAABB5, #B28D97, #8C51BA, #121221)
- Tempered Forest color palette (#D1E6E6, #6288BF, #7F5289, #005323, #001906)
- Frosted Grape Station color palette (#D5F0E6, #0088A3, #6821CA, #374000, #00040A)
- Hushed Terracotta Quarry color palette (#D6EDFB, #007EA1, #8B3A00, #2E3D00, #010200)
- Patina Olive color palette (#F7E5ED, #A18530, #516D00, #5A376C, #090500)
- Tempered Iris color palette (#E9EFF8, #D7CFDC, #C8B1C2, #668FE7, #272E39)
Browse the whole catalog at Explore, or see today's palette.