Softworn Petrol color palette — #C9F4F6 · #007B86 · #004552 · #001C24 · #000103

Teal and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C9F4F6): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007B86): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004552): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001C24): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Aged Fern color palette (#DBF1E3, #00778E, #4D5C00, #00313C, #010100)
• Cellar Pine color palette (#D6EFDC, #007E54, #00513B, #001611, #000201)
• Lagoon Parlor color palette (#D0F4EA, #008D8B, #006C7B, #00405C, #000D1F)
• Washed Dune color palette (#DBF4FF, #005E78, #500CAC, #003C24, #000102)
• Cornflower Dune color palette (#DDF3E9, #81BFFA, #5983D8, #004C5F, #000103)
• Feathered Ridge color palette (#B3EBFF, #33C2F7, #0084B6, #005481, #001F3B)
• Bronze Balcony color palette (#FCEDD8, #896F2D, #503600, #1D0E00, #020100)
• Eclipse Navy color palette (#C9E4FF, #0F6ACE, #0030A2, #080058, #01000A)

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