Sapphire Coast color palette — #FFF2EE · #FF7C89 · #00B54F · #2474ED · #391A11

Sapphire and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rose (#FF7C89): A luminous, balanced red — the color of a theater curtain.
• Clover (#00B54F): A luminous, vivid green — the color of fresh herbs.
• Sapphire (#2474ED): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#391A11): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Frosted Moss Cabin color palette (#FFF2ED, #FF797D, #7DA600, #0085BC, #3E1726)
• Sunlit Indigo Hollow color palette (#FFF2ED, #FFA39D, #00A37B, #6269D9, #391B0F)
• Tempered Clover color palette (#FFF2EE, #FF939A, #15B742, #5C60E6, #481555)
• Airy Coral Pier color palette (#FBDED3, #FF5D5C, #00976F, #4453BA, #250700)
• Hushed Indigo Corridor color palette (#FFF3E4, #E39E07, #00AF96, #7565D5, #3B1B07)
• Airy Sapphire Grove color palette (#FFF4E1, #FFA595, #CA9F19, #3A6BD7, #512A0E)
• Aged Archive color palette (#FFF1F2, #F56FE5, #9C9300, #008C9B, #361932)
• Pale Coral color palette (#FFF2EE, #FF616D, #8B7600, #643D9B, #260417)

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