Washed Sapphire color palette — #F8ECE1 · #8BBDAF · #5060B0 · #004F51 · #352250

Slate and Deep Indigo set the tone — five colors that lean into creativity and calm.

The five colors

• Cream (#F8ECE1): a clean, paper-quiet neutral.
• Mint Leaf (#8BBDAF): A luminous, dusty teal — the color of sea glass.
• Slate (#5060B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#352250): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Washed Sapphire 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 Lantern color palette (#FFF3E7, #80C0EC, #4060D9, #005654, #3A2066)
• Petrol Study color palette (#F9EBE6, #76BFC6, #00719A, #00532F, #112B5B)
• Cobalt Quarry color palette (#E3ECE4, #91B8DB, #3E69B5, #00495A, #0E0843)
• Cornflower Study color palette (#F5EDE2, #A0D0C2, #5384DC, #006880, #22255F)
• Forest Drift color palette (#FFF2EE, #AFCFB1, #1E84A5, #1C6232, #4A2F4C)
• Navy Dune color palette (#CDECED, #0099BA, #005D8A, #1F358C, #33205A)
• Softworn Blush color palette (#CEFEEC, #BBB6E7, #CB7DA8, #007077, #2E3054)
• Feathered Navy color palette (#EEDDD0, #5699B8, #02439B, #00302B, #15023E)

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