Softworn Petrol color palette — #F6ECE7 · #81BEBE · #00748B · #005333 · #00314C
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Mint Leaf (#81BEBE): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Aged Petrol Meadow color palette (#E2EBE9, #83C0C1, #007984, #004C44, #001A1F)
- Petrol Lagoon color palette (#F8ECE4, #97BBAA, #126AB4, #00504E, #1E275E)
- Cerulean Studio color palette (#EFEFE4, #84D5D5, #0098A3, #006D61, #00343D)
- Iris Cabin color palette (#E2F7E4, #A5D4F6, #8F92D7, #006748, #00394A)
- Misty Cobalt Archive color palette (#FCF3EE, #A3D7EC, #3085C7, #006761, #283A77)
- Patina Lagoon color palette (#B4F5FF, #24A8C4, #005C6F, #002E38, #001A21)
- Turquoise Station color palette (#F6EBF2, #82E7E7, #18B6D8, #239464, #04314B)
- Plum Pier color palette (#CFE5D2, #009098, #BB2847, #005459, #4F0918)
Browse the whole catalog at Explore, or see today's palette.