Tempered Petrol color palette — #FCF2F5 · #DBDDEE · #859ABE · #3C7984 · #4D5264
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF2F5): a clean, paper-quiet neutral.
- Silver (#DBDDEE): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#859ABE): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#3C7984): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#4D5264): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Antique Powder color palette (#E6F9FE, #D7DCE8, #C6C0E5, #6D928F, #44545A)
- Wandering Harbor color palette (#E6F9FF, #54C4C5, #C88097, #1D8283, #57455F)
- Timeworn Petrol Basin color palette (#F8EAF2, #74BDD4, #006FA6, #005048, #192C53)
- Glacier Terrace color palette (#E7F9FF, #74D8E8, #37969B, #1B5963, #0F3C4C)
- Wandering Cerulean Study color palette (#FCE7F6, #00A2AF, #00516A, #003123, #001529)
- Tempered Stone Market color palette (#FFF0F8, #D4B18A, #987488, #6D546B, #3E4C42)
- Denim Canyon color palette (#EFE1E6, #70A5CD, #2C52A3, #003D43, #1D1741)
- Teal Orchard color palette (#E6F9FF, #27ACAF, #B3767E, #936546, #2D474E)
Browse the whole catalog at Explore, or see today's palette.