Softworn Petrol color palette — #EDE8E1 · #9CBDA4 · #007793 · #004C43 · #001827
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#EDE8E1): a clean, paper-quiet neutral.
- Sage (#9CBDA4): A luminous, dusty teal — the color of sea glass.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Tempered Terrace color palette (#F6F1E9, #ABD2BB, #2C85AF, #005B5A, #00223E)
- Worn Petrol color palette (#EDE8E0, #90B9D6, #376CAC, #004956, #070E3E)
- Aged Cypress Drift color palette (#F5F1EB, #C9E0DD, #71A4BC, #2A7973, #1B3E34)
- Abyss Studio color palette (#F1EADE, #428299, #004060, #001F20, #000105)
- Worn Azure Thicket color palette (#FFF2ED, #B4F2FB, #129DDA, #006E46, #071949)
- Plum Villa color palette (#FDE0E2, #A5398C, #6D5E00, #005567, #1A0014)
- Feathered Aubergine color palette (#F8D5D9, #BB6EB3, #007F3C, #65005F, #001806)
- Wandering Aubergine Garden color palette (#FFEAEB, #F6AEC2, #D48778, #794195, #350C1E)
Browse the whole catalog at Explore, or see today's palette.