Tempered Petrol Field color palette — #ECF9EF · #E8AE9B · #AB8D5C · #247B89 · #5A3E4B

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

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Melon (#E8AE9B): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AB8D5C): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#247B89): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5A3E4B): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Timeworn Field color palette (#FCF2F7, #DDA184, #719870, #1B6FA3, #5B334F)
• Worn Atelier color palette (#EDF9EF, #D0BC8B, #859B69, #52709C, #344F41)
• Antique Cocoa color palette (#FFF4E2, #FFD1C1, #BB9D6A, #3F7D88, #5F3300)
• Antique Bronze Archive color palette (#EAFAEF, #D194A0, #96701B, #415A7F, #52424D)
• Wandering Amber Ridge color palette (#FAEEF3, #C88D5A, #4B5E4F, #443239, #261F24)
• Antique Cerulean color palette (#FFF0F7, #CAE1CC, #8FB1A1, #62879C, #495362)
• Apricot Alley color palette (#E1FEE7, #EE8D1B, #8C7F00, #006387, #493000)
• Timeworn Loft color palette (#FFF1F7, #E8D6CE, #E3CC91, #C6B757, #563C45)

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