Softworn Petrol color palette — #ECF9EF · #77C6D5 · #00799B · #005650 · #003655
Teal and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Sky (#77C6D5): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003655): 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 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
- Soft Sapphire Delta color palette (#ECF9EF, #70C1F6, #006CCD, #005462, #1F2D65)
- Antique Cobalt color palette (#FFEBFB, #66CCE1, #0079B5, #00543B, #0B1244)
- Gentle Turquoise Delta color palette (#F5F8E0, #84ECFF, #00BDE4, #00979A, #00394C)
- Patina Lilac color palette (#E3F7FF, #B5DDFF, #9396FF, #006C6B, #023950)
- Washed Denim Harbor color palette (#DAE4DC, #55ACC3, #005F82, #003E3C, #00213B)
- Timeworn Cerulean color palette (#EFF8F1, #C4E1F4, #4191CB, #007077, #334965)
- Antique Azure Harbor color palette (#FFF2EC, #45E1FA, #0096DA, #007652, #1C2D68)
- Scarlet Lantern color palette (#B5F0FF, #0094AD, #CE1E00, #005868, #5A0700)
Browse the whole catalog at Explore, or see today's palette.