Softworn Canyon color palette — #F8F0EB · #B4CFC1 · #3C81BA · #005C57 · #111D45

A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Oat (#B4CFC1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3C81BA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#111D45): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Petrol color palette (#F0E7E2, #A3BBA1, #00788C, #004E2C, #001827)
• Petrol Atelier color palette (#F7F0E9, #C8E3DB, #7A8BBF, #006A79, #411F32)
• Airy Cabin color palette (#C8EEE6, #35AFB3, #00718F, #004360, #001C47)
• Faded Bloom color palette (#D2E9E0, #2998D5, #944100, #615100, #001625)
• Abyss Veranda color palette (#EFE0D8, #599698, #005265, #002D1C, #00050C)
• Azure Hollow color palette (#FBF2F7, #A7DEF4, #389CE8, #007D75, #293B58)
• Wandering Rust Lagoon color palette (#D6F0E5, #4C9BC2, #BE5A33, #005D7F, #350D00)
• Aged Cypress color palette (#E3F8ED, #F9D7F5, #CDA4DD, #007D7B, #301C32)

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