Tempered Sapphire Pier color palette — #F3FBC8 · #9FAC26 · #335FE7 · #7F218F · #0C0E00
Royal Blue takes the lead with Plum close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F3FBC8): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9FAC26): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#335FE7): A full-bodied, vivid violet — the color of twilight just after sunset.
- Plum (#7F218F): A full-bodied, vivid pink — the color of a candy shop window.
- Ink (#0C0E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered Sapphire Pier 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
- Washed Balcony color palette (#F2FBCD, #2AC150, #8339E5, #941460, #001202)
- Faded Ultramarine Balcony color palette (#F8F8D9, #569B00, #3241DC, #68004F, #060200)
- Misty Aubergine color palette (#EEFCD1, #00B76F, #0072AA, #680070, #230A00)
- Linen Nightshade color palette (#FFF4DF, #BA8800, #0088C1, #553AAC, #130B00)
- Grape Atelier color palette (#EEFCD4, #29B478, #8448A3, #7F2B44, #050900)
- Pale Veranda color palette (#F2FBD0, #2ED961, #8E68D6, #9B446E, #002308)
- Orchid Market color palette (#E7E9B3, #BFBE30, #A84FE9, #B03994, #212100)
- Airy Study color palette (#FFF4DE, #00CC5F, #00847F, #6B147D, #001E13)
Browse the whole catalog at Explore, or see today's palette.