Softworn Petrol Study color palette — #F7ECE5 · #93BDA4 · #006FA3 · #005147 · #102B5C

Built around Peacock, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Sage (#93BDA4): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#102B5C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Petrol Study 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

• Cobalt Pier color palette (#FBF4EE, #A5D0BC, #457CB4, #00605E, #2E3761)
• Tempered Petrol Thicket color palette (#F6EDE3, #8BB6DD, #4962B0, #004E59, #2E2553)
• Wandering Petrol Courtyard color palette (#E2EBEA, #84BECF, #007698, #004A51, #001826)
• Washed Canyon color palette (#F2E1D9, #3BA0A7, #005268, #003122, #001528)
• Muted Fern color palette (#EBFADA, #81D2D9, #699DC8, #506C30, #004137)
• Azure Station color palette (#F6EBF2, #A3DEF0, #29AFFA, #009283, #172C55)
• Muted Navy Studio color palette (#EADCD0, #5188A7, #00397C, #002223, #06002B)
• Faded Station color palette (#E4EBCA, #58A235, #006D3C, #004A3F, #003131)

Browse the whole catalog at Explore, or see today's palette.