Softworn Petrol Courtyard color palette — #FEF1F8 · #F1B191 · #B09158 · #007F92 · #322333

Built around Teal, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Melon (#F1B191): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B09158): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007F92): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#322333): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Softworn Petrol Courtyard 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

• Wandering Petrol color palette (#F0F7F1, #C9AF72, #98914F, #3B73AB, #32202C)
• Wandering Pine color palette (#F9F2FC, #E8A5BE, #C38273, #007F5D, #2B2438)
• Cobalt Quarry color palette (#EAFAEF, #FFCBE5, #C19975, #4B74AA, #4B374C)
• Worn Apricot color palette (#FDF2F7, #DB9E80, #48594E, #35252E, #120E13)
• Patina Studio color palette (#FFF2EF, #FBA4BA, #6EBB80, #4992AF, #3E2E33)
• Wandering Coral Drift color palette (#F6EFF8, #C36B7D, #4E7D54, #225667, #191824)
• Misty Ultramarine color palette (#E6FAF6, #80B067, #66924D, #4858AF, #2A101C)
• Amber Workshop color palette (#FFF1F7, #DF7400, #8A8100, #0059A0, #210900)

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