Softworn Petrol color palette — #D8E2DA · #77ABBE · #006E9F · #004A4C · #00142D
Peacock and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D8E2DA): a clean, paper-quiet neutral.
- Blue Fog (#77ABBE): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00142D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Denim Quarry color palette (#D8E3DA, #57A0A1, #006471, #003D2E, #000B11)
- Cobalt Cabin color palette (#DDE6DE, #8BB7D7, #1C73D4, #005766, #101949)
- Ancient Aqua color palette (#F5EDE1, #4BC7EF, #006FA0, #003D3F, #000209)
- Sunlit Pier color palette (#F0E2EA, #3C9CBB, #004B86, #003127, #0F0341)
- Azure Alley color palette (#F0F7F1, #BAD9EE, #509CD7, #007B84, #263B5A)
- Airy Raspberry Archive color palette (#E3DCEB, #BB438B, #00785D, #7C0056, #00140D)
- Cerulean Meadow color palette (#F1F7F2, #DADDEC, #96B2E0, #3393AE, #47526A)
- Aged Plum Veranda color palette (#FDE3EC, #B3186E, #5B6100, #005172, #160009)
Browse the whole catalog at Explore, or see today's palette.