Aged Petrol color palette — #FBF4EC · #D2A977 · #509E81 · #4D689E · #5E3341

A conversation between Slate and Fern, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Camel (#D2A977): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#509E81): A luminous, balanced teal — the color of glacier melt.
• Slate (#4D689E): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5E3341): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Aged 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

• Dusty Honey Loft color palette (#EEF9ED, #FFBD6A, #6AAA8A, #4C6D92, #3E324D)
• Worn Petrol color palette (#FEF3ED, #DDA08C, #80955B, #007686, #463B5F)
• Aged Lagoon color palette (#FFF3E4, #DED6C1, #B1B296, #629286, #5E4954)
• Airy Station color palette (#F5F6E9, #8DB17F, #268CB2, #7B4487, #5A2800)
• Aged Cypress color palette (#FEF2EF, #CC7E88, #00836D, #654570, #5A3640)
• Tempered Olive color palette (#FFF1DA, #CDC690, #9A9F57, #6D8843, #4E4F47)
• Patina Shell Quarry color palette (#FCF2F8, #FFB199, #5CB9C9, #8480B0, #39415D)
• Ultramarine Garden color palette (#FDF4E2, #BA9800, #008A7E, #3D2ED4, #5E0027)

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