Softworn Petrol Ridge color palette — #F5EDE2 · #6BC0D2 · #007295 · #00504B · #08314B

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Cyan (#6BC0D2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#08314B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Chalky Denim Veranda color palette (#E9DFD0, #5FA8D1, #00599B, #003D45, #091A4A)
• Antique Summit color palette (#FAF4EC, #94CFE6, #2080B5, #005F62, #49304B)
• Turquoise Lantern color palette (#E7F1EF, #B0DAEE, #00B6DE, #009095, #003345)
• Lagoon Veranda color palette (#F1E4D0, #00A3A6, #005360, #003125, #001720)
• Softworn Lagoon color palette (#F9F4ED, #C3EDE9, #72A0BB, #5D765D, #35514A)
• Softworn Ash color palette (#FFE4F5, #CFB1EF, #C689B4, #496290, #452434)
• Airy Parlor color palette (#E6E7FF, #6541ED, #9C3C00, #005C3F, #1C1A3C)
• Powdered Ultramarine Hollow color palette (#E4F1FD, #398DFF, #314CC7, #3C2B86, #372359)

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