Softworn Petrol color palette — #F5F8E2 · #77C5D6 · #007A96 · #005558 · #00384D

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

The five colors

• Cream (#F5F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#77C5D6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007A96): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#00384D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Gentle Cabin color palette (#FFEEE5, #73CADE, #007AAD, #005347, #00173F)
• Worn Lagoon color palette (#F2F9E3, #8DBEE4, #006FC3, #00526C, #0B3067)
• Sky Hollow color palette (#E5FAF7, #8DEAFF, #00BDE8, #00969D, #00384D)
• Ancient Denim color palette (#DEE0D5, #64AAC0, #00607E, #003D43, #002235)
• Antique Pier color palette (#F4F6EE, #C8E4E3, #7AA493, #327A87, #2E5348)
• Hazy Azure color palette (#FFF0FB, #84DAED, #0097D3, #007463, #002F6D)
• Hushed Navy color palette (#EBF0E1, #5887A3, #003F67, #00212B, #00091A)
• Quiet Canyon color palette (#FFDADD, #CD3EBC, #0079AB, #850079, #00324A)

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