Ancient Petrol color palette — #FBF4EA · #9E8046 · #007186 · #4F4871 · #3D3532
Built around Teal, softened by Caramel — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Caramel (#9E8046): A luminous, balanced gold — the color of old brass.
- Teal (#007186): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#4F4871): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal (#3D3532): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Ancient 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
- Cypress Cabin color palette (#F9F5E6, #9B9C60, #20807F, #4B4F79, #5C3731)
- Aged Garden color palette (#FEF2ED, #B26857, #357D65, #2D4F73, #453032)
- Wandering Aubergine color palette (#F5F2E7, #98975F, #2A8266, #5F3C80, #1F1A08)
- Patina Bronze color palette (#F8F5EE, #D8DBD4, #A3AFB0, #9C7D38, #55524C)
- Timeworn Petrol Chapel color palette (#ECF8F5, #90AD7D, #6A966C, #6E65A1, #2A3B2A)
- Timeworn Harbor color palette (#FEF5DB, #706C00, #005388, #530C6E, #3F1201)
- Washed Field color palette (#FFF4DF, #C4C68F, #7F915E, #3F6C3C, #005A41)
- Hushed Stone Atelier color palette (#F7F6EA, #DFE5BC, #BFCD81, #67B08E, #4C4B44)
Browse the whole catalog at Explore, or see today's palette.