Worn Petrol Loft color palette — #EEF0E5 · #96BBA7 · #007298 · #004E58 · #00324B

A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#EEF0E5): a clean, paper-quiet neutral.
• Sage (#96BBA7): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn Petrol Loft 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

• Cobalt Workshop color palette (#F4F6EE, #ADCEC0, #417FA9, #005D70, #173D5F)
• Hushed Petrol Garden color palette (#F2E6DF, #7EBED4, #0071AF, #004C46, #061335)
• Sky Studio color palette (#E0F3F1, #9BDFF7, #02B3ED, #008E9E, #04324A)
• Worn Cerulean Pier color palette (#DFE0D3, #479EA7, #005360, #00302E, #00171F)
• Hushed Cypress Field color palette (#F6F6ED, #CFE3CE, #4F979C, #007263, #30503B)
• Nightshade Thicket color palette (#EDD6E4, #7373C8, #007B72, #4300C4, #00312C)
• Pale Lapis Studio color palette (#FFEAF3, #D7BFE9, #BE8EBF, #5849B1, #3B274E)
• Mulberry Meadow color palette (#FFE5F3, #655DB5, #A8036B, #005669, #1D1743)

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