Sunlit Emerald Pier color palette — #F7ECE8 · #9DE1E5 · #00B4EB · #0A9751 · #192E4C
A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7ECE8): a clean, paper-quiet neutral.
- Ice Blue (#9DE1E5): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00B4EB): A luminous, balanced blue — the color of open sky before noon.
- Kelly Green (#0A9751): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#192E4C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit Emerald 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
- Aged Periwinkle color palette (#F5EDE7, #AADBF6, #6DA3FF, #009286, #2D274C)
- Timeworn Cerulean color palette (#E6F2E8, #8ED2D6, #0096B0, #006E5C, #003346)
- Tempered Powder Corridor color palette (#FAF4EF, #BEEDEF, #9ABEFB, #55A99F, #5A3E4D)
- Linen Indigo Delta color palette (#E5DDD4, #80B7E2, #5D75F1, #006D6D, #1B0533)
- Airy Thicket color palette (#ECDCC5, #F5B730, #6886EA, #A87900, #15225A)
- Hushed Petrol Basin color palette (#F3E4EF, #8DBCCB, #007793, #004E35, #00182A)
- Cobalt Courtyard color palette (#F4E9E3, #61ADC2, #0079C3, #005F4A, #05012A)
- Seafoam Harbor color palette (#FFE9D0, #D5ED9D, #30E8DF, #D5746A, #33312A)
Browse the whole catalog at Explore, or see today's palette.