Worn Petrol Terrace color palette — #EBF9F2 · #9D9B60 · #3E779C · #744155 · #4C3A56

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F2): a clean, paper-quiet neutral.
• Moss (#9D9B60): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#3E779C): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#744155): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#4C3A56): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn Petrol Terrace 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 Terrace color palette (#FFF1F7, #BC8C6A, #307F77, #614771, #403E5F)
• Weathered Teal Quarry color palette (#E8F9FA, #54AA93, #7A668F, #734251, #5D3825)
• Ash Atelier color palette (#E2FDED, #B3CBC9, #7397A0, #736678, #604D55)
• Navy Coast color palette (#EDF5E9, #68AB9D, #267C9A, #35468A, #3D1A25)
• Patina Cypress Lagoon color palette (#FBF2F6, #D9DEEF, #7D9BC3, #2E7C7D, #495268)
• Washed Lagoon Bloom color palette (#D7FFF5, #8DC49D, #45957B, #1A726A, #305665)
• Powdered Veranda color palette (#E1FDF0, #828400, #00618A, #780039, #4C2400)
• Aged Lagoon color palette (#E6F6F3, #608A59, #2D4043, #1E2C2A, #0E1717)

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