Sapphire Basin color palette — #F1F3E9 · #91C197 · #3C70D1 · #227738 · #140A14

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

The five colors

• Cream (#F1F3E9): a clean, paper-quiet neutral.
• Mint Leaf (#91C197): A luminous, dusty green — the color of a quiet forest floor.
• Royal Blue (#3C70D1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Olive (#227738): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#140A14): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Worn Cornflower color palette (#EEF4ED, #85D5CA, #6D7ACF, #008479, #1C1219)
• Tempered Olive Pier color palette (#F4F2E8, #ACBD70, #00839C, #5D6D00, #021209)
• Airy Mint Canyon color palette (#E9F9F8, #7BDD95, #6E8ADF, #4B925E, #1B2434)
• Timeworn Mint color palette (#F1F7ED, #26CAA8, #007D8A, #00705B, #18291C)
• Misty Byzantium Terrace color palette (#EBF5ED, #00BDCF, #9034C6, #006772, #190009)
• Airy Harbor color palette (#FFEEE4, #30B39E, #1173A3, #703119, #142818)
• Chalky Grove color palette (#EFF4E8, #4BA17B, #6A53A4, #5D3600, #241E00)
• Lapis Garden color palette (#E8F1E2, #00AE8B, #4913F2, #005A46, #020017)

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