Softworn Petrol color palette — #D8E9E1 · #007CA2 · #2A2F51 · #0D241B · #07100D

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D8E9E1): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#007CA2): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A2F51): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#0D241B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#07100D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Timeworn Cypress Coast color palette (#DDE9D9, #008374, #183A2C, #182313, #090F09)
• Patina Summit color palette (#F7EFF6, #557CC1, #4E343D, #30242F, #131A19)
• Muted Sky color palette (#D8E7F2, #09B9F6, #647085, #3D4C57, #0F1A1E)
• Denim Market color palette (#D4EDE6, #005CA1, #280151, #000D1F, #000203)
• Abyss Basin color palette (#CBECE0, #003D5E, #051417, #090025, #000205)
• Shadow Grape color palette (#F7DCE5, #7A43AB, #3D1629, #1E0D14, #090204)
• Timeworn Lapis color palette (#F2DFEA, #6236F2, #43153F, #270D1E, #041511)
• Frosted Olive color palette (#FFF0FD, #6586D0, #877E00, #46702B, #462F43)

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