Sapphire Basin color palette — #E2E1B9 · #0074E2 · #6C218D · #243B00 · #35182D

Royal Blue and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E2E1B9): A whisper-light, dusty green — the color of a quiet forest floor.
• Royal Blue (#0074E2): A full-bodied, vivid blue — the color of open sky before noon.
• Plum (#6C218D): A full-bodied, vivid violet — the color of wild irises.
• Forest (#243B00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#35182D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Sapphire Basin 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

• Aged Lantern color palette (#ECDDB4, #007FBC, #58368C, #393400, #112344)
• Hazy Cornflower color palette (#EFF2CD, #5881E0, #7B3E83, #194C19, #402736)
• Sunlit Indigo color palette (#E1E1BB, #7458E8, #7B275D, #003E28, #381824)
• Soft Lapis Garden color palette (#D9EDD0, #503FED, #6A005C, #002D11, #1B0B31)
• Washed Azure color palette (#B5EBE1, #009FD6, #7E51A2, #245500, #0D2248)
• Worn Sapphire color palette (#EFDAEC, #1459E4, #860D00, #153700, #002016)
• Grape Meadow color palette (#E2E0C9, #6E13C5, #5C0031, #001E17, #17001D)
• Misty Iris Delta color palette (#F7F7DD, #9589E3, #964D76, #235A41, #4D353D)

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