Tempered Petrol Field color palette — #FAF1DE · #59ACAD · #3E6CA7 · #5B4200 · #082A1A

Built around Slate, softened by Bronze — the whole palette hums with trust and stability.

The five colors

• Cream (#FAF1DE): A whisper-light, dusty gold — the color of honey in a jar.
• Turquoise (#59ACAD): A luminous, balanced teal — the color of glacier melt.
• Slate (#3E6CA7): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#5B4200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#082A1A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Tempered Petrol Field 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 Denim color palette (#ECF5E6, #4C9F88, #6E549C, #5E3600, #00251C)
• Antique Delta color palette (#FFEEE6, #6DAC86, #00788C, #7B231A, #17280C)
• Softworn Pier color palette (#F4F3E2, #88B7A3, #77729F, #4F5723, #352637)
• Muted Petrol color palette (#F1F8E6, #52A1CE, #406AA7, #683A65, #20453B)
• Patina Lantern color palette (#EAF0D4, #008EAA, #3E38BA, #363200, #001422)
• Patina Cornflower Pier color palette (#EAFBEA, #4AC5D2, #5983DA, #815B1F, #2B404D)
• Muted Lagoon color palette (#F6F2E4, #B4B78E, #4D826B, #205E69, #282913)
• Timeworn Parlor color palette (#DAEBE5, #147CB7, #3E2A37, #001B14, #020804)

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