Softworn Petrol color palette — #FBF4EA · #C1E4F4 · #74ACDC · #007D88 · #152D55
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Powder Blue (#C1E4F4): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#74ACDC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007D88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#152D55): A deep, shadowed, dusty violet — the color of wild irises.
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
- Patina Periwinkle Alley color palette (#FAF4EF, #C3EBD8, #7DB4FF, #00A28F, #373659)
- Cerulean Meadow color palette (#FCF4E8, #BDEBDF, #00A3BC, #006C57, #00222F)
- Weathered Archive color palette (#F4EDE3, #70C7CE, #00738A, #003F35, #000306)
- Antique Cobalt color palette (#EFF8F0, #9CCDE5, #2F7EB9, #005E67, #263B59)
- Denim Basin color palette (#F3EADE, #74A9CA, #005699, #002A31, #00000C)
- Dusty Amber color palette (#FFF1F6, #B491EC, #D17F2D, #009282, #211235)
- Wandering Market color palette (#FFF1F6, #E4D7D3, #B5B8AB, #8494D5, #47262F)
- Weathered Cobalt Archive color palette (#FBF4EA, #A5D9C8, #2E79D7, #004F5E, #040037)
Browse the whole catalog at Explore, or see today's palette.