Softworn Petrol color palette — #EDF8F5 · #83BEA6 · #00838A · #336459 · #2F4749

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

The five colors

• Ivory (#EDF8F5): a clean, paper-quiet neutral.
• Mint Leaf (#83BEA6): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00838A): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#336459): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#2F4749): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Olive Coast color palette (#FEF1F6, #93BAA4, #5A8047, #30626F, #2F493B)
• Lagoon Chapel color palette (#E6FAF8, #91D5BA, #4F9F96, #5A7976, #29494B)
• Wandering Loft color palette (#F1F3E8, #7AC5A9, #40827B, #525B11, #222B18)
• Teal Chapel color palette (#B8F1F8, #25BCB9, #0084A5, #0A5E92, #40456A)
• Amber Harbor color palette (#EAF7FF, #3EAFD0, #C67125, #00718B, #583746)
• Washed Cobalt Bloom color palette (#FAF3F7, #C4E1F3, #588EC8, #167260, #3D4761)
• Washed Navy Quarry color palette (#D6EAE1, #689A71, #006359, #074167, #00302E)
• Aged Mallow color palette (#E9F8FF, #DCDBE5, #E6ABE5, #539179, #3C4B5A)

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