Softworn Petrol color palette — #F4E5E0 · #83BFC8 · #0B74A1 · #004E30 · #051335

Slate and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F4E5E0): bright and airy, almost weightless.
• Ash (#83BFC8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0B74A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#051335): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Antique Sapphire Dune color palette (#F0E7DF, #92B8D9, #5461BA, #004B4D, #1C0B30)
• Muted Forest color palette (#FBEFE9, #ABD3B9, #4C81AB, #005E45, #161D3F)
• Washed Station color palette (#F2E8E1, #7CA892, #0058A4, #003A30, #09002E)
• Dusty Sapphire Loft color palette (#D8DEEE, #4C5FC8, #6B5F00, #36501A, #04032B)
• Blush Atelier color palette (#FFE3FD, #D8BFED, #E38395, #00677D, #1D1236)
• Ancient Cypress color palette (#F7F0EB, #BEE7D7, #778DBB, #006D68, #411F31)
• Washed Nightshade color palette (#EBE0D4, #608EBA, #36379E, #002B2D, #080014)
• Antique Navy color palette (#F7ECE5, #33839D, #003C6E, #002019, #01000B)

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