Petrol Balcony color palette — #FFF3E6 · #ECDDAC · #92B076 · #3F6FA0 · #5B394E
Slate and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Wheat (#ECDDAC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#92B076): A luminous, balanced green — the color of fresh herbs.
- Slate (#3F6FA0): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#5B394E): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Balcony 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 Lantern color palette (#FFF6D0, #C1E7A6, #49B88E, #6973AF, #623B48)
- Hushed Driftwood color palette (#FEF5D7, #CDE2CC, #A2B597, #956E82, #5B4549)
- Muted Marigold color palette (#FFF1F1, #FFD1B6, #C99F49, #1E7B81, #1D4C66)
- Emerald Market color palette (#FFF3E3, #BCBC89, #5F9A59, #485E86, #2F264B)
- Timeworn Straw color palette (#FEE5A3, #ACAC77, #708950, #136660, #324764)
- Antique Terrace color palette (#E9E7CE, #93B179, #338966, #424374, #1D062A)
- Worn Courtyard color palette (#FFE7E5, #EBC095, #9EBB8C, #9584AD, #54406E)
- Aubergine Meadow color palette (#E8F0D8, #5C9E6F, #00746A, #3A175C, #1E0018)
Browse the whole catalog at Explore, or see today's palette.